<template>
  <div>
    <!-- $refs的使用 -->
    <h1 id="hh" ref="bigH1">1.ref 和 id 获取原生DOM</h1>
  </div>
</template>

<script>
export default {
  name: "VueComponentsApp",

  data() {
    return {};
  },

  mounted() {
    // 目标: 获取组件对象
    // 1. 创建组件/引入组件/注册组件/使用组件
    // 2. 组件起别名ref
    // 3. 恰当时机, 获取组件对象
    let h1 = document.querySelector("#hh");
    let h1Reef = this.$refs.bigH1;
    console.log(h1);
    console.log(h1Reef);
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>